<template>
  <Radio class="m-radio" v-bind="$attrs" v-on="$listeners">
    <slot/>
  </Radio>
</template>

<script>
import { Radio } from 'element-ui'

export default {
  name: 'MRadio',
  components: { Radio }
}
</script>

<style lang="scss" scoped>
@import "~@/assets/style/common.scss";

.m-radio {
  /deep/ .el-radio__input.is-checked {
    .el-radio__inner {
      border-color: $theme-color-1;
      background-color: $theme-color-1;
    }
  }

  /deep/ .el-radio__input:hover {
    /deep/ .el-radio__inner {
      border-color: $theme-color-1;
    }
  }

  /deep/ .el-radio__label {
    //color: $theme-color-1;
    color: #666;
  }
}
</style>
